
 .lan-ul.active{
    display: block !important;
}
footer{
    width: 100%;
    height: 400px;
    .block{
        display: flex;
        justify-content: space-between;
        height: 100%;
        max-width: 90rem;
        padding: 1.875rem;
        margin: 0 auto;
        .box{
            width: 33%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .left{
                display: inline-flex;
                flex-direction: column;
                align-items: center;
                width: 100%;
                max-width: 20.3125rem;
                min-width: 12.5rem;
                .block-top{
                    text-align: center;
                    margin: 0 0 .9375rem;
                    font-weight: 400;
                    width: 100%;
                }
                .block-under{
                    margin: 0 .9375rem .9375rem;
                    font-size: .75rem;
                    text-align: center;
                    color: #757575;
                    width: 100%;
                }
                form{
                    display: inline-flex;
                    width: 100%;
                    border: .0625rem solid #000;
                    border-radius: 3.75rem;
                    .text-input{
                        width: 100%;
                        height: 3.125rem;
                        .block-span{
                            height: 100%;
                            background-color: transparent;
                            border: none;
                            overflow: hidden;
                            border-radius: 3.75rem 0 0 3.75rem;
                            padding: .5rem 1.25rem;
                            width: 100%;
                            input{
                                padding: .9375rem;
                                font-size: .9375rem;
                                background-color: transparent;
                                margin: 0;
                                color: #000;
                                border: 0;
                                border-radius: .3125rem;
                                width: 100%;
                            }
                        }
                        
                    }
                    button{
                        height: 3.125rem;
                        min-width: 4.375rem;
                        font-size: .9375rem;
                        flex-shrink: 0;
                        border-radius: 0 3.75rem 3.75rem 0;
                        padding: 0 1.25rem;
                        border: none;
                        color: white;
                    }
                }
            }
            .box-ul{
                display: inline-flex;
                flex-direction: column;
                justify-content: space-evenly;
                font-size: .9375rem;
                line-height: 2.67;
                text-align: center;
                text-decoration: underline;
                .box-li{
                    font-size: .9375rem;
                    line-height: 2.67;
                    &:hover{
                        font-weight: bold;
                    }
                }
            }
            .logal{
                display: flex;
                flex-direction: column;
                padding: .9375rem;
                font-size: .75rem;
                text-align: center;
                color: #757575;
                .logal-line{
                    display: flex;
                    align-items: center;
                    .img{
                        margin-right: .1875rem;
                        img{
                            width: auto;
                            height: auto;
                        }
                       
                    }
                    a{
                        border: none;
                        background-color: transparent;
                        cursor: pointer;
                        font-size: inherit;
                        font: inherit;
                        text-decoration: none;
                        padding: 0;
                        color: #757575;
                       &:hover{
                            font-weight: bold;
    
}
                    }
                }
            }
            .box-top{
                display: flex;
                justify-content: center;
                width: 100%;
                .topp{
                    width: 100%;
                    padding: 1.25rem 0;
                    display: flex;
                    flex-direction: column;
                    text-align: center;
                    align-items: center;
                    .p-top{
                        margin: 0 0 .9375rem;
                        font-weight: 400;
                        width: 100%;
                        font-size: .9375rem;
                        line-height: 1.25rem;
                        text-align: center;
                    }
                    .ul-top{
                        display: flex;
                        padding-bottom: 1.25rem;
                        border-bottom: .125rem solid #e5e5e5;
                        .li-top{
                            display: inline-flex;
                            justify-content: center;
                            width: 3.25rem;
                            height: 3.25rem;
                            cursor: pointer;
                            position: relative;
                            overflow: visible;
                            border:  1px solid black;
                            border-radius: 50%;
                            margin: 0 .625rem;
                            span{
                                font-size: 30px;
                                text-align: center;
                                line-height: 52px;
                            }
                        }
                    }
                    
                }
            }
            .box-under{
                position: relative;
                display: inline-flex;
                flex-direction: column;
                justify-content: space-evenly;
                align-items: center;
                width: 100%;
                max-width: 20.3125rem;
                z-index: 2;
                padding: 1.25rem 0;
                .topp{
                    width: 100%;
                    padding: 1.25rem 0;
                    display: flex;
                    flex-direction: column;
                    text-align: center;
                    align-items: center;
                    .p-top{
                        margin: 0 0 .9375rem;
                        font-weight: 400;
                        width: 100%;
                        font-size: .9375rem;
                        line-height: 1.25rem;
                        text-align: center;
                        z-index: -2;
                    }
                    .under-form{
                        width: 100%;
                        display: flex;
                        height: 50px;
                        position: relative;
                        
                       .language{
                        width: 100%;
                        border: none;
                        background-color: transparent;
                        cursor: pointer;
                        font-size: inherit;
                        font: inherit;
                        color: inherit;
                        text-decoration: none;
                        padding: 0;
                        position: relative;
                        .lan-text{
                            display: flex;
                            justify-content: space-between;
                            align-items: center;
                            padding: 0 1.25rem;
                            width: 100%;
                            height: 100%;
                            box-sizing: border-box;
                            border: 1px solid #000;
                            border-radius: 3.75rem;
                            cursor: pointer;
                            background-color: #fff;
                            .lan-left{
                                display: flex;
                                align-items: center;
                                height: 2.75rem;
                                min-height: 2.8125rem;
                                font-size: .9375rem;
                                padding: 0 1.25rem;
                                cursor: pointer;
                                .lan-icon{
                                    font-size: 20px;
                                    text-align: left;
                                }
                                .left-text{
                                        color: inherit;
                                        text-decoration: none;
                                        width: 100%;
                                        padding: .5rem 0;
                                }
                            }
                            .lan-right{
                                display: inline-flex;
                                font-size: .75rem;
                                cursor: pointer;
                            }
                        }
                       }
                       .lan-ul{
                           background-color: white;
                        bottom: 1.875rem;
                        z-index: -1;
                        height: 18.75rem;
                        overflow-y: scroll;
                        box-sizing: border-box;
                        border-top: .0625rem solid #cecece;
                        border-left: .0625rem solid #cecece;
                        border-right: .0625rem solid #cecece;
                        background-color: #fff;
                        // display: block;
                        position: absolute;
                        left: 0;
                        width: 100%;
                        display: none;
                        .ul-ul{
                            padding-bottom: 1.5625rem;

                           .lan-p,.lan-a{
                               color: #757575;
                            display: flex;
                            align-items: center;
                            height: 2.75rem;
                            min-height: 2.8125rem;
                            font-size: .9375rem;
                            padding: 0 1.25rem;
                            .lan-span1{
                                text-align: left;
                                color: inherit;
                                text-decoration: none;
                                width: 100%;
                                padding: .5rem 0;
                                font-weight: 400;
                                &:hover{
                                    font-weight: bold;
                                }
                            }
                            .lan-span2{
                                width: 20px;
                                text-align: left;
                            }
                           }
                        }
                       }
                    }
                }
            }
            }
        }
    }
   